<!-- 异常阈值设置 -->
<script setup lang="ts">

</script>

<template>
	<VCard>
		<VCardText>
			<VRow class="match-height">
				<VCol cols="12" md="11"></VCol>
				<VCol cols="12" md="1">
					<VBtn color="primary" density="compact">
						保 存
					</VBtn>
				</VCol>
			</VRow>
		</VCardText>

		<VTable class="text-no-wrap">
			<thead>
				<tr>
					<th>
						阈值设置内容
					</th>
					<th>
						作用目标表
					</th>
					<th>
						阈值设置
					</th>
				</tr>
			</thead>

			<tbody>
				<tr>
					<td>
						协作费付款期限<br />
						第一次“咨询协作费付款”时间晚于第一次“中标服务费”或“招标代理服务费”<br />
						开票时间。<br />
						●通过设置咨询协作费付款经办时间晚于开票时间的阈值范围，控制“首页关<br />
						注合作协议列表”的数据展示范围。<br />
						例如：设置180天，若咨询协作费付款经办时间晚于开票时间，且超过180天<br />
						未及时付协作费，则该合作协议为异常数据。
					</td>
					<td>
						作用于：首页看板-关注合作协议列表
					</td>
					<td>
						<div class="inputDiv" style="width: 80px;">
							<input type="number" />天
						</div>
					</td>
				</tr>
				<tr>
					<td>
						归档信息填写期限<br />
						●通过设置合作协议流程节点到达“经办人填写归档信息”环节的处理期限，控制是<br />
						否属于异常数据。<br />
						例如：设置150天，若合作协议流程到达“经办人填写归档信息”环节，且该节点处<br />
						理期限超过150天未及时填归档信息，则该合作协议为异常数据。
					</td>
					<td>
						作用于：首页看板-关注合作协议列表
					</td>
					<td>
						<div class="inputDiv" style="width: 80px;">
							<input type="number" />天
						</div>
					</td>
				</tr>
				<tr>
					<td>
						合作协议查询时间范围<br />
						●通过设置合作协议经办时间阈值范围，控制“首页合作协议数量统计”的数据展示范围。<br />
						●通过设置合作协议经办时间阈值范围，控制“合作协议台账统计”的数据展示范围。<br />
						●通过设置合作协议经办时间阈值范围，控制“异常信息查询”的数据展示范围。
					</td>
					<td>
						作用于：首页看板合作协议数量统计、<br />
						合作协议台账统计、异常信息查询
					</td>
					<td style="display: flex; align-items: center; gap: 10px;">
						<div class="inputDiv" style="width: 60px;">
							<input type="number" />年
						</div>
						<div class="inputDiv" style="width: 40px;">
							<input type="number" />月
						</div>
						<div class="inputDiv" style="width: 40px;">
							<input type="number" />日
						</div>
						至今
					</td>
				</tr>
			</tbody>
		</VTable>
	</VCard>
</template>

<style scoped lang="scss">
	.inputDiv {
		border-bottom: 2px solid #333;
		display: flex;
		align-items: center;
		gap: 8px;

		input {
			width: 100% !important;
			height: auto;
			border: 0px solid transparent !important;
			all: unset;
			padding: 0;
			border: 0px solid #ccc;
			border-radius: 0px;
			box-sizing: border-box;
		}
		
		input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
			-webkit-appearance: none;	
		} 
		input[type="number"]{
			-moz-appearance: textfield;
		}
	}
</style>